* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 微软雅黑;
}

.container {
    max-width: 1320px;
}

/*顶部宣传*/
.top_promo {
    background-color: #cb9864;
    height: 35px;
    text-align: center;
    overflow: hidden;
}

.top_promo .swiper-slide a {
    color: #000;
    font-size: 14px;
    display: block;
    line-height: 35px;
}

.top_promo .swiper-slide a:hover {
    text-decoration: none;
}

/*头部部分*/
.head_cont {

}

.head_cont ul li a:hover {
    text-decoration: none;
}

.head_lef_list .service li {
    width: 100px;
    color: #999;
}

.service li a i, .sign li a i {
    padding-right: 5px;
}

.service li a {
    color: #999;
    font-size: 12px;
}

.head_rig_list .sign {
    float: right;
}

.head_rig_list .sign li {
    width: 116px;
}

.head_rig_list .sign li a {
    color: #000;
    font-size: 12px;
}

.log_list,
.log_people,
.log_search,
.log_shop {
    display: none;
}
.log_people a{
    color: #000;
    display: inline-block;
}
.logo_img {
    text-align: center;
    border-bottom: 1px #efeded solid;
    padding-bottom: 45px;
}

.logo img {
    width: 284px;
}

/*导航部分*/

.nav-top {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 10000;
    border-bottom: 2px #000 solid;
}

nav {
    font-size: 14px;
}

.nav_list ul li {
    line-height: 40px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000000;
    padding: 5px 30px;
}

.navbar-light .navbar-nav .nav-link:hover {
    display: block;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #cb9864;
}

.nav_hov {
    position: relative;
}

.nav_a{
    display: block!important;
}
.nav_hov i {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 35px;
    left: 35px;
    font-size: 28px;
    color: #000;
    display: none;
    z-index: 100;
    /*box-shadow: 2px -2px 3px 0 rgba(0,0,0,.1);*/
}

.nav_form {
    display: flex;
}

.nav_search {
    border-radius: 0;
    border: 1px #000 solid;
}

.nav_btn {
    width: 38px;
    border-radius: 0;
    border: 1px #000 solid;
    background-color: #000;
    color: #fff;
}

.btn:hover {
    color: #fff;
    text-decoration: none;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-outline-success.focus,
.btn-outline-success:focus,
.btn.focus,
.btn:focus {
    box-shadow: none;
}

.form-control:focus {
    color: #000;
    background-color: #fff;
    border-color: #000;
    outline: 0;
    box-shadow: none;
}

.nav_down_cont {
    width: 100%;
    top: 222px;
    left: 0;
    display: none;
    border-top: 1px #000 solid;
    padding-top: 40px;
    font-size: 14px;
    z-index: 100000;
    background: #fff;
}

.cos_top {
    background-color: #fff;
}

.cos_list {
    width: 20%;
    padding-left: 40px;
}

.cos_list ul li a {
    color: #000;
    padding-bottom: 8px;
}

.cos_list ul li a:hover {
    text-decoration: underline;
}

.cos_list .title {
    font-weight: 600;
}

.cos_bot {
    background-color: #f2f2f2;
    padding: 30px 0;
}

.cos_bot_cont {
    width: 50%;
    padding-left: 40px;
}

.cos_bot_cont .lef {
    position: relative;
    margin-right: 20px;
}

.cos_bot_cont .lef span {
    width: 54px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 29px;
    text-align: center;
    background-color: #000;
    color: #fff;
}

.cos_bot_cont .lef img {
    width: 198px;
    height: 120px;
}

.cos_bot_cont .rig {
    padding: 20px 0;
}

.cos_bot_cont .rig h4,
.cos_bot_cont .rig p,
.cos_bot_cont .rig a {
    font-size: 14px;
    color: #000;
    cursor: pointer;
}

.cos_bot_cont .rig h4:hover,
.cos_bot_cont .rig p:hover,
.cos_bot_cont .rig a:hover {
    text-decoration: underline;
}

.cos_bot_cont .rig h4 {
    font-weight: 600;
}

.cos_bot_cont .rig a {
    text-decoration: underline;
}

/*banner部分*/
.banner {
    outline: hidden;
}

.carousel-inner .carousel-item img {
    width: 100%;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
    opacity: 1;
}

.carousel-control-prev-icon {
    width: 40px;
    height: 64px;
    background-image: url("../img/banner_prev.png");
}

.carousel-control-next-icon {
    width: 40px;
    height: 64px;
    background-image: url("../img/banner_next.png");
}

.carousel-indicators {
    position: absolute;
    bottom: -30px;
    padding-top: 10px;
    padding-bottom: 50px;
    background-color: #f2f2f2;
    margin: 0;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
}

/*明星产品*/
.favorites {
    z-index: 100;
    margin-bottom: 80px;
}

.favorites .top {
    margin-top: 100px;
    text-align: center;
}

.head_title_en,
.beauty_title_en {
    font-size: 16px;
    font-weight: 600;
}

.head_title_cn,
.beauty_title_cn {
    font-size: 28px;
    font-weight: 600;
}

.favorites_aside_nav {
    padding: 0 215px;
    margin-bottom: 45px;
}

.favorites_aside_nav ul {
    border-bottom: 1px #e5e5e5 solid;
    justify-content: center;
}

.favorites_aside_nav ul li a {
    position: relative;
    width: 92px;
    color: #a6a6a6;
    padding: 0 30px;
}

.favorites_aside_nav ul li i {
    position: absolute;
    top: 18px;
    left: 41px;
}

.favorites_aside_nav ul li a:hover {
    text-decoration: none;
}

.favorites_aside_nav .active {
    color: #000;
    font-weight: 600;
    border-bottom: 1px #000 solid;
    padding-bottom: 2px;
}

/*彩妆商品内容*/

/*下轮播*/
.swiper-container1 {
    width: 100%;
    height: 480px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.swiper-container1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.make {
    width: 39%;
    z-index: 1000;
}

.make img {
    width: 100%;
}

.make_banner {
    width: 61%;
}

.make_img {
    position: relative;
}

.make_img img {
    width: 100%;

}

.make_img .make_span_img span {
    width: 54px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    background-color: #000;
    color: #fff;
    line-height: 29px;
}

.make_btn {
    display: none;
    transition: .5s;
}

.make_btn div {
    width: 180px;
    position: absolute;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    transition: .3s;
}

.make_btn .btn1 {
    top: 35%;
    cursor: pointer;
    left: 12%;
    background-color: #000;
    border: 1px #000 solid;
}

.make_btn .btn1:hover {
    border: 1px #000 solid;
    background-color: #fff;
    color: #000;
}

.make_btn .btn2 {
    top: 55%;
    left: 12%;
    cursor: pointer;
    border: 1px #000 solid;
    background-color: #fff;
    color: #000;
}

.make_btn .btn2:hover {
    background-color: #000;
    color: #fff;
}

.make_color {
    text-align: center;
}

.makec {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
}

.make_color .active,
.make_color1 .active,
.make_color2 .active,
.make_color3 .active,
.make_color4 .active,
.make_color5 .active,
.make_color6 .active {
    border: 1px #e6e6e6 solid;
    padding: 4px;
}

.make_color span,
.make_color1 span,
.make_color2 span,
.make_color3 span,
.make_color4 span,
.make_color5 span,
.make_color6 span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #fff;
}

.make_color .mcolor1 {
    background-color: #d9beab;
}

.make_color .mcolor2 {
    background-color: #e3c3aa;
}

.make_color .mcolor3 {
    background-color: #e6bda7;
}

.make_color .mcolor4 {
    background-color: #dcb596;
}

.make_color .mcolor5 {
    background-color: #d2b1a0;
}

.make_txt p a {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

.make_txt p {
    font-size: 14px;
}

.make_txt span a {
    font-size: 12px;
    color: #999;
}

.make_txt .col-md-6:nth-of-type(1) {
    border-right: 1px #dadada solid;
    color: #c9c9c9;
    font-size: 12px;
    line-height: 27px;
    text-align: right;
}

.make_txt .col-md-6:nth-of-type(2) {
    font-size: 14px;
    line-height: 27px;
    text-align: left;
    font-weight: 600;
}

.make_color1 .mcolor1 {
    background-color: #bb1813;
}

.make_color1 .mcolor2 {
    background-color: #b8112b;
}

.make_color1 .mcolor3 {
    background-color: #ea4e59;
}

.make_color1 .mcolor4 {
    background-color: #b03c79;
}

.make_color1 .mcolor5 {
    background-color: #f75e70;
}

.make_text .col-md-6:nth-of-type(1) {
    color: #000;
}

.make_color2 .mcolor1 {
    background-color: #9f2429;
}

.make_color2 .mcolor2 {
    background-color: #bc3a2c;
}

.make_color2 .mcolor3 {
    background-color: #ac5750;
}

.make_color2 .mcolor4 {
    background-color: #9f232e;
}

.make_color2 .mcolor5 {
    background-color: #922e2c;
}

.make_color3 .mcolor1 {
    background-color: #d50b0b;
}

.make_color3 .mcolor2 {
    background-color: #ad0d29;
}

.make_color3 .mcolor3 {
    background-color: #eb715a;
}

.make_color3 .mcolor4 {
    background-color: #c6605e;
}

.make_color3 .mcolor5 {
    background-color: #aa4d3e;
}

.make_color4 .mcolor1 {
    background-color: #892b1f;
}

.make_color4 .mcolor2 {
    background-color: #9b4b4e;
}

.make_color4 .mcolor3 {
    background-color: #d76177;
}

.make_color4 .mcolor4 {
    background-color: #db4f38;
}

.make_color4 .mcolor5 {
    background-color: #da281c;
}

.make_color5 .mcolor1 {
    background-color: #e7c0a3;
}

.make_color5 .mcolor2 {
    background-color: #d8ab8a;
}

.make_color5 .mcolor3 {
    background-color: #d8ab8a;
}

.make_color5 .mcolor4 {
    background-color: #e7c0a3;
}

.make_color5 .mcolor5 {
    background-color: #edc19c;
}
.spacing{
    margin-bottom: 24px;
}
/*左右箭头-分页符*/
.swiper-button-prev,
.swiper-button-next {
    background: none;
}

.swiper-button-prev i,
.swiper-button-next i {
    font-size: 40px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}

.beauty,
.essentials,
.find,
.reveal {
    background-color: #f2f2f2;
    padding-top: 82px;
}

.beauty .title,
.essentials .title,
.find .title,
.reveal .title {
    text-align: center;
    padding-bottom: 32px;
}

#arr {
    padding-bottom: 65px;
}

#arr ul {
    display: flex;
}

#arr ul li {
    list-style: none;
    width: 25%;
    padding: 0 10px;
}

.beauty_cont:hover {
    box-shadow: 0 5px 20px #afa2a2;
}
#arr .img_box img {
    width: 305px;
    display: block;
}
#arr .txt {
    width: 305px;
    height: 240px;
    background-color: #fff;
    padding: 40px;

}

#arr .txt a {
    color: #000;
}

#arr .txt h3 {
    margin-bottom: 20px;
}

#arr .txt h3 a {
    font-size: 20px;
    text-decoration: none;
}

#arr .txt p a {
    font-size: 14px;
    text-decoration: underline;
}

#arr .txt p {
    color: #999;
    font-size: 14px;
}

#arr .txt p:nth-of-type(2) {
    margin-top: 60px;
}

.love_img_box img {
    width: 100%;
}

.text_img_box {
    display: none;
}

/*私人订制服务*/
.essentials {
    padding-bottom: 50px;
}

.essentials_cont .ess_cont {
    display: flex;
}

.ess_cont img {
    width: 315px;
    height: 397px;
}

.ess_cont .text {
    background-color: #fff;
    padding: 100px 40px;
}

.ess_cont .text .essentials_title {
    font-size: 20px;
    font-weight: 600;
}

.ess_cont .text .essentials_details {
    font-size: 14px;
}

.ess_cont .text .essentials_link a {
    font-size: 14px;
    text-decoration: underline;
    color: #000;
    margin-top: 60px;
}

/*寻找你的彩妆灵感*/
.find_cont {
    padding-bottom: 50px;
}
.find_img{
    overflow: hidden;
}
.find_img img {
    width: 100%;
}
.find_img img:hover{
    transform: scale(1.1);
    transition: .5s;
}
.find_introduce {
    background-color: #fff;
    padding: 40px 50px;
}

.find_introduce .link {
    padding-bottom: 63px;
}

.find_introduce .find_small_title,
.find_introduce .find_details,
.find_introduce .find_link {
    font-size: 14px;
}

.find_introduce p a {
    color: #000;
}

.find_introduce p a {
    text-decoration: none;
}

.find_introduce .find_small_title {
    font-weight: 300;
}

.find_introduce .find_big_title {
    font-size: 20px;
}

.find_introduce .find_details {
    color: #a7a7a7;
}

.find_introduce .find_link a {
    text-decoration: underline;
}

/*视频中心*/
.video {
    position: relative;
}

.video_btn {

    position: absolute;
    top: 42%;
    left: 45%;
}

.video_icon {
    width: 83px;
    height: 83px;
    display: block;
    background: url("../img/video_play.png") no-repeat;
}

.reveal {
    padding-bottom: 50px;
}

.reveal_cont {
    background-color: #fff;
}

.reveal_cont .video img {
    width: 100%;
    height: 440px;
}

.reveal_introduce {
    padding: 65px 55px 30px;
}

.video_title a {
    font-family: Arial;
    font-size: 24px;
    color: #000;
    line-height: 30px;
}

.video_title a:hover,
.video_pay_link a:hover {
    text-decoration: none;
}

.video_details {
    font-size: 12px;
    color: #bfbfbf;
    margin-bottom: 30px;
}

.video_link {
    margin-bottom: 50px;
}

.video_link a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;

}

.video_product {
    font-size: 24px;
    padding-bottom: 10px;
}

.product_list {
    padding-bottom: 10px;
}

.product_list li a {
    color: #000;
    font-size: 12px;
    text-decoration: underline;
}

.video_pay_link a {
    color: #bfbfbf;
    font-size: 12px;
}

/*底部部分*/
.footer_topcontent {
    background-color: #000;
    padding: 40px 0;
}

.footer_topcontent .col-md-3 {
    text-align: center;
    padding: 10px 0;
    border-right: 1px #575757 solid;
}

.footer_topcontent p {
    color: #fff;
    margin-top: 15px;
    font-size: 14px;
}

.footer_classify {
    padding: 34px 66px;
}

.footer_classify_cont {
    width: 50%;
}

.fot_classify_list .active a {
    color: #000;
    font-size: 14px;
}

.fot_classify_list li {
    margin-bottom: 8px;
}

.fot_classify_list li a {
    color: #999;
    font-size: 14px;
}

.fot_classify_list li a:hover {
    text-decoration: underline;
}

.form-control {
    border-radius: 0;
    border-color: #dadada;
}

.btn {
    border: none;
    background-color: #000;
    border-radius: 0;
}

.btn-outline-secondary {
    color: #fff;
}

.footer_classify_cont p {
    font-size: 14px;
}

.list-unstyled li {
    padding-right: 20px;
}

.contact-us {
    padding: 18px 0;
}

.contact {
    padding-bottom: 10px;
}
/*底部顶部内容*/
.footer_topcontent .col-md-3:hover img{
    transform: rotate(360deg);
    transition: .5s;
}




/*底部分类*/
.fot_zixun {
    display: none;
}

/*底部logo*/
.footer_logo {
    text-align: center;
    padding: 12px 0 46px;
}

.footer_logo img {
    width: 436px;
    height: 78px;
}

/*底部的底部内容*/

.footer_bottom {
    background-color: #f2f2f2;
    padding: 36px 40px 48px;
    font-size: 12px;
    text-align: center;
}

.footer_bottom ul {

}

.footer_bottom ul li {
    list-style: none;
    display: inline-block;
}

.footer_bottom a {
    color: #000;
}

.statement .middle {
    padding: 0 20px;
}

.fot_link ul {
    margin-bottom: 12px;
}

.fot_link a {
    text-decoration: underline;
    padding: 0 20px;
}

.black_box {
    position: fixed;
    top: 40%;
    right: 0;
    font-size: 12px;
    text-align: center;
    z-index: 10000;
    display: none;
}

.share-box {
    display: none;
}

.ask,
.totop {
    width: 64px;
    padding: 25px 0;
    background-color: #000;
    border: 1px #636363 solid;
}

.totop {
    border-top: none;
    font-size: 17px;
    font-weight: 600;

}

.ask a,
.totop a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.ask a img,
.totop a img {
    display: block;
    padding: 0 16px 5px;
}

/*手机端*/
@media (max-width: 600px) {
    /* 设置滚动条的样式 */
    ::-webkit-scrollbar {
        width: 0px;
        height: 2px;
        background-color: #f2f2f2;
    }

    /* 滚动槽 */

    /* 滚动条滑块 */
    ::-webkit-scrollbar-thumb {
        background:black;
        border: 2px #000000 solid;
    }
    .top_promo {
        display: none;
    }

    .head_cont {
        display: none;
        height: 40px;
    }
    .head_cont .row{
        height: 40px;
    }
    .logo {
        display: flex;
        line-height: 50px;
    }

    .log_list,
    .log_people,
    .log_search,
    .log_shop {
        display: inline-block;
    }
    .log_list i{
        padding-left: 0!important;
    }
    .log_shop i{
        padding-right: 0!important;
    }
    .logo i {
        font-size: 20px;
        padding: 0 10px;
    }

    .logo_img {
        border: none;
        padding: 0 46px;
    }

    .logo img {
        width: 138px;
        height: 24px;

    }

    .nav_list {
        width: 1000px;
        overflow: hidden;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 5px 13px;
    }

    .navbar-nav {
        display: -webkit-box;
        overflow: scroll;
        background-color: #f2f2f2;
    }

    .navbar-toggler,
    .nav_form {
        display: none;
    }

    .collapse:not(.show) {
        display: block;
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .carousel-indicators {
        position: absolute;
        bottom: -30px;
        padding: 0;
        background-color: #fff;
    }

    .head_title_en,
    .favorites_aside_nav ul li:nth-of-type(4) a,
    .favorites_aside_nav ul li a i,
    .make img,
    .beauty_title_en,
    .swiper-pagination,
    .swiper-button-prev,
    .swiper-button-next,
    .make_btn .btn2,
    .ess_cont .text .essentials_link,
    .find_details,
    .find_link,
    .footer_topcontent,
    .footer_classify {
        display: none;
    }

    .head_title_cn {
        font-size: 20px;
    }

    .favorites_aside_nav ul li a {
        font-size: 14px;
    }

    .favorites_aside_nav {
        padding: 0;
    }

    .list-unstyled li {
        padding-right: 0;
    }
    .find_img{
        overflow: inherit;
    }
    .make {
        width: 0;
    }

    .make_banner {
        width: 100%;
    }

    .make_txt .col-md-6:nth-of-type(1),
    .make_txt .col-md-6:nth-of-type(2) {
        text-align: center;
        border: 0;
    }

    .swiper-container1 .swiper-slide {
        width: 178px !important;
    }

    .make_txt p a,
    .make_txt p {
        font-size: 12px;
    }
    .makec {
        width: 20px;
        height: 20px;
    }

    .make_color .active,
    .make_color1 .active,
    .make_color2 .active,
    .make_color3 .active,
    .make_color4 .active,
    .make_color5 .active,
    .make_color6 .active {
        padding: 0;
    }

    .make_btn {
        display: block;
    }

    .make_btn .btn1 {
        top: 185%;
        left: 11%;
        cursor: pointer;
        background-color: #000;
        border: 1px #000 solid;
    }

    .make_btn div {
        width: 148px;
        height: 35px;
        position: absolute;
        color: #fff;
        font-size: 12px;
        line-height: 35px;
        transition: .3s;
    }

    .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 100%;
        opacity: .2;
    }

    .swiper-pagination-bullet {
        background-color: #000;
    }

    #arr ul {
        display: block;
    }

    #arr ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .beauty_cont {
        display: flex;
    }

    #arr .img_box img,
    .find_img img {
        width: 127px;
    }

    #arr .txt {
        padding: 0 20px 0 20px;
    }

    #arr .txt h3 {
        margin-bottom: 16px;
    }

    #arr .txt h3 a,
    .find_big_title a {
        font-size: 14px;
    }

    #arr .txt p,
    .find_small_title a {
        font-size: 12px;
    }

    .find_small_title {
        margin-bottom: 0;
    }

    #arr .txt,
    .find_introduce {
        width: 100%;
        height: 110.34px;
    }

    .find_introduce {
        padding: 30px 0 0 20px;
    }

    #arr .txt p:nth-of-type(2) {
        display: none;
    }

    .text_img_box {
        display: block;
        text-align: center;
        padding: 20px 15px 30px;
        font-size: 14px;
    }

    .head_title_cn, .beauty_title_cn {
        font-size: 20px;
    }

    .beauty, .essentials, .find, .reveal {
        padding: 30px 30px 0;
    }
    .essentials .container{
        padding: 0;
    }
    .essentials_cont .ess_cont {
        display: block;
        padding: 0 0 38px 0;
    }
    .essentials_cont .ess_cont:nth-of-type(2) {
        display: none;
    }
    .ess_cont img{
        width: 100%;
    }
    .ess_cont .text {
        padding: 15px;
    }

    .ess_cont .text .essentials_title {
        font-size: 14px;
    }

    .ess_cont .text .essentials_details {
        font-size: 12px;
        color: #999;
    }

    .find_cont .col-md-4 {
        display: flex;
        margin-bottom: 15px;
    }

    .beauty .container,
    .find .container {
        padding: 0;
    }

    .reveal,
    .reveal .container,
    .reveal_cont .col-md-7,
    .reveal_cont .col-md-5 {
        padding: 0;
    }
    .row{
        margin: 0;
    }

    .reveal_cont .video img {
        height: 214px;
    }

    .video_icon {
        background-size: 43px;
    }

    .reveal_introduce .video_title {
        text-align: center;
    }

    .reveal_introduce .video_title a {
        font-size: 14px;
        line-height: 20px;
    }

    .reveal_introduce {
        padding: 20px 30px 30px;
        text-align: center;
    }

    .product_list {
        display: flex;
    }

    .video_pay_link a {
        text-decoration: underline;
    }

    .footer_logo img {
        width: 112px;
        height: 20.17px;
    }

    /*底部分类*/
    .fot_zixun {
        display: block;
        padding: 20px 26px 20px;
        border-top: 1px #000 solid;
    }

    .fot_zixun ul {
        display: flex;
    }

    .fot_zixun ul li {
        width: 50%;
        list-style: none;
        font-size: 12px;
        text-align: center;
    }

    .fot_zixun ul li:nth-of-type(2) a {
        width: 104px;
        border: 1px #000 solid;
        padding: 5px 18px;
        color: #000;
        display: block;
        float: right;
    }

    .fot_zixun ul li:nth-of-type(2) a img {
        width: 15px;
        height: 14px;
        padding-right: 2px;
    }

    /*底部logo*/
    .footer_logo {
        padding: 0;
        position: relative;
    }

    .footer_logo:after {
        width: 100%;
        content: "";
        height: 1px;
        background-color: #dbdbdb;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: -1;
    }

    .fot_img {
        padding: 0 10px;
    }

    .footer_logo img {
        width: 130px;
        background-color: #fff;
        padding: 0 10px;
    }

    .share-box {
        display: block;
        text-align: center;
        padding: 25px 0;
    }

    .share-box a img {
        width: 32px;
        margin: 0 13px;

    }

    .share-box p {
        display: inline-block;
        font-size: 12px;
        vertical-align: middle;
        text-align: left;
        color: #999;
    }

    .ask {
        display: none;
    }
    .totop {
        display: none;
    }
    .spacing{
        margin-bottom: 0;
    }
}





@media (max-width: 375px) {
    .logo_img {
        padding: 0 37px;
    }
    .navbar-light .navbar-nav .nav-link{
        padding: 0 18px;
    }
    .reveal_cont .video img{
        height: 212px;
    }
}

@media (max-width: 320px) {
    .navbar-light .navbar-nav .nav-link{
        padding: 0 12px ;
    }
    .logo i{
        font-size: 18px;
    }
    .logo_img {
        padding: 0 13px;
    }
    .favorites{
        margin-bottom: 0;
    }
    .favorites .container{
        padding: 0;
    }
    .beauty{
        padding: 0;
    }
    .beauty .title{
        padding-bottom: 0;
    }
    .beauty_title_cn{
        padding-top: 20px;
    }
    .beauty, .essentials, .find{
        padding: 30px 15px 0;
    }
    .find_cont .col-md-4{
        padding: 0;
    }
    .reveal_cont .video img{
        height: 176px;
    }
    .reveal{
        padding: 0;
    }
    #arr ul li{
        padding:0;
    }

}

